<ui:composition 
        xmlns="http://www.w3.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:p="http://primefaces.org/ui"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:c="http://java.sun.com/jsp/jstl/core">
 
    <h1>Panier</h1>
        <div style="border-width: 1px; border-left: 75px; border-right: 75px; border-style: solid;  border-color: #ffffff;">
            <h:form>
                <p:dataTable var="book" value="#{panierBean.livreList}">  
                    <p:column headerText="Nom">  
                        <h:outputText value="#{book.nom}" />  
                    </p:column>  

                    <p:column headerText="Catégorie">  
                        <h:outputText value="#{book.categorie}" />  
                    </p:column>  

                    <p:column headerText="Prix">  
                        <h:outputText value="#{book.prix}" />  
                    </p:column>  

                </p:dataTable> 
                <br/>
                <p:commandButton action="#{panierBean.vider()}" onclick="location.refresh();" value="Vider le panier"/>   
                <p:commandButton action="#{panierBean.commander(loginBean.getauthentif())}" value="Passer la commande"/>   
            </h:form> 
        </div>
</ui:composition>